<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="js/flexible/flexible_css.js"></script>
    <script src="js/flexible/flexible.js"></script>
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="js/swiper/swiper.min.css">
    <script src="js/jquery-3.1.1.min.js"></script>
    <script src="js/main.js"></script>
    <script src="js/swiper/swiper.jquery.min.js"></script>
    <script src="js/each/projectDetail.js"></script>
    <title>Title</title>
</head>
<body flex="dir:top">
<div class="big-pic-show">
    <div class="swiper-container swiper-big-pic">
        <div class="swiper-wrapper">

        </div>
        <div class="swiper-pagination" font="14"></div>
    </div>
</div>

<header flex-box="0" flex="main:justify cross:center">
    <div class="header-icon" font="16" flex-box="0">
        <a href="project.html" flex="main:center cross:center">
            <span class="icon-back"></span>
        </a>
    </div>
    <h1 flex-box="10">项目详情</h1>
    <div class="header-icon" font="18" flex-box="0"></div>
</header>
<section flex-box="10">
    <div class="card-list margin-square">
        <div class="card-tit" flex="main:justify cross:center">
            <h2 class="card-tit-word">项目信息</h2>
            <a href="projectEdit.html" class="card-tit-opt" font="14" flex="cross:center main:center">编辑</a>
        </div>
        <div class="card-con">
            <ul class="card-form" font="14">
                <li flex="main:justify cross:top">
                    <div class="card-form-tit">项目名称</div>
                    <div class="card-form-con">府青路高架桥新建</div>
                </li>
                <li flex="main:justify cross:top">
                    <div class="card-form-tit">地区</div>
                    <div class="card-form-con">成都</div>
                </li>
                <li flex="main:justify cross:top">
                    <div class="card-form-tit">项目规模</div>
                    <div class="card-form-con">5000W</div>
                </li>
                <li flex="main:justify cross:top">
                    <div class="card-form-tit">负责人</div>
                    <div class="card-form-con">王蓉</div>
                </li>
                <li flex="main:justify cross:top">
                    <div class="card-form-tit">负责人电话</div>
                    <div class="card-form-con">13540846377</div>
                </li>
            </ul>
        </div>
    </div>

    <div class="card-list">
        <div class="card-tit">
            <a href="projectWorker.html" flex="main:justify cross:center">
                <h2 class="card-tit-word">工人信息</h2>
                <div class="card-tit-opt" font="14" flex="cross:center main:center">
                    <span class="icon-in"></span>
                </div>
            </a>
        </div>
        <div class="card-con">
            <ul class="card-message" flex="cross:center box:mean">
                <li>
                    <div class="card-message-box" flex="cross:center main:center">
                        <div class="card-message-main">
                            <div class="card-message-tit" font="28">50</div>
                            <p font="12">总人数(人)</p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="card-message-box" flex="cross:center main:center">
                        <div class="card-message-main">
                            <div class="card-message-tit" font="28">35</div>
                            <p font="12">男(人)</p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="card-message-box" flex="cross:center main:center">
                        <div class="card-message-main">
                            <div class="card-message-tit" font="28">15</div>
                            <p font="12">女(人)</p>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>

    <div class="card-list">
        <div class="card-tit">
            <a href="projectOrder.html" flex="main:justify cross:center">
                <h2 class="card-tit-word">采购信息</h2>
                <div class="card-tit-opt" font="14" flex="cross:center main:center">
                    <span class="icon-in"></span>
                </div>
            </a>
        </div>
        <div class="card-con">
            <ul class="card-message" flex="cross:center box:mean">
                <li>
                    <div class="card-message-box" flex="cross:center main:center">
                        <div class="card-message-main">
                            <div class="card-message-tit" font="28">1106</div>
                            <p font="12">总费用(万元)</p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="card-message-box" flex="cross:center main:center">
                        <div class="card-message-main">
                            <div class="card-message-tit" font="28">16</div>
                            <p font="12">次数(次)</p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="card-message-box" flex="cross:center main:center">
                        <div class="card-message-main">
                            <div class="card-message-tit" font="28">12.15</div>
                            <p font="12">最近采购</p>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>

    <div class="card-list">
        <div class="card-tit">
            <a href="projectPicture.html" flex="main:justify cross:center">
                <h2 class="card-tit-word">项目近况</h2>
                <div class="card-tit-opt" font="14" flex="cross:center main:center">
                    <span class="icon-in"></span>
                </div>
            </a>
        </div>
        <div class="card-con">
            <ul class="card-img clear">
                <li><p><img src="img/project1.jpg" alt=""></p></li>
                <li><p><img src="img/project2.jpg" alt=""></p></li>
                <li><p><img src="img/project3.jpg" alt=""></p></li>
                <li><p><img src="img/project4.jpg" alt=""></p></li>
            </ul>
        </div>
    </div>

</section>
</body>
</html>